<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    
<div class="container">
    <div class="logo">
        <img src="images/logo.png" alt="">
        <img class="car" src="images/cart-icon.png" alt="">
    </div>
    <p class="goods"><a href="#">全部商品 5</a></p>
    <table class="table table-bordered">
        <thead>
            <tr>
                <th scope="col">商品</th>
                <th scope="col">名称</th>
                <th scope="col">单价</th>
                <th scope="col">数量</th>
                <th scope="col">小计</th>
                <th scope="col">操作</th>
            </tr>
        </thead>
        <tbody id="table">
            <tr>
                <th scope="row"><img src="images/center-1.jpg" alt=""></th>
                <td class="text">
                    <img src="images/jingxuan.jpg" alt="">
                    <img src="images/shengxian.png" alt="">
                    <span>美仑达 赣南脐橙2017新上市 3斤装 铂金果 颜色：赣南脐橙铂金果 3斤装</span>
                </td>
                <td>¥<span class="price">25.80</span></td>
                <td>
                    <input type="text" value="1" class="num">
                </td>
                <td class="xiaoji">
                    ¥<b class="total"></b>
                    <br>
                    1.68kg
                </td>
                <td>
                    <span class="del">删除</span>
                </td>
            </tr>

            <tr>
                <th scope="row"><img src="images/center-2.jpg" alt=""></th>
                <td class="text">
                    <img src="images/shengxian.png" alt="">
                    Camposol 秘鲁进口精选蓝莓 4盒装 单盒约125g 新鲜水果  颜色：秘鲁蓝莓 4盒装
                </td>
                <td>¥<span class="price">46.90</span></td>
                <td>
                    <input type="text" value="1" class="num">
                </td>
                <td class="xiaoji">
                    ¥<b class="total"></b>
                    <br>
                    1.25kg
                </td>
                <td>
                    <span class="del">删除</span>
                </td>
            </tr>

            <tr>
                <th scope="row"><img src="images/center-3.jpg" alt=""></th>
                <td class="text">
                    <img src="images/shengxian.png" alt="">
                    欢乐果园 广西青皮芒果 2个装 单果约260g以上 新鲜水果 颜色：青皮芒 2粒 尝鲜装
                </td>
                <td>¥<span class="price">10.90</span></td>
                <td>
                    <input type="text" value="1" class="num">
                </td>
                <td class="xiaoji">
                    ¥<b class="total"></b>
                    <br>
                    0.75kg
                </td>
                <td>
                    <span class="del">删除</span>
                </td>
            </tr>

            <tr>
                <th scope="row"><img src="images/center-4.jpg" alt=""></th>
                <td class="text">
                    <img src="images/shengxian.png" alt="">
                    爱奇果 新疆库尔勒香梨 约2.5kg 当季新果 特技装 单果约120- 颜色：2.5kg单果约120-150kg
                </td>
                <td>¥<span class="price">39.90</span></td>
                <td>
                    <input type="text" value="1" class="num">
                </td>
                <td class="xiaoji">
                    ¥<b class="total"></b>
                    <br>
                    2.6kg
                </td>
                <td>
                    <span class="del">删除</span>
                </td>
            </tr>

            <tr>
                <th scope="row"><img src="images/center-5.png" alt=""></th>
                <td class="text">
                    <img src="images/shengxian.png" alt="">
                    宏辉果蔬 苹果 烟台红富士12个 单果约75mm 总重约2.1kg 新鲜 颜色：12粒75mm红富士
                </td>
                <td>¥<span class="price">34.90</span></td>
                <td>
                    <input type="text" value="1" class="num">
                </td>
                <td class="xiaoji">
                    ¥<b class="total"></b>
                    <br>
                    2.1kg
                </td>
                <td>
                    <span class="del">删除</span>
                </td>
            </tr>
        </tbody>
    </table>
    <div>总价：¥<span id="all"></span></div>
</div>



<script src="js/script.js"></script>
</body>
</html>